
<!-- BEGIN:main -->


<script>


    showMenuType('{MENUTYPE}');

    $(function() {
        $("#txtCreatedDate").datepicker({
            changeMonth: true,
            changeYear: true
        });        
       

        // check selected parent, dont allow parent menu is itself
        $("#slParentID").change(function()
        {
            var selectedParentID = $(this).val();
            var ID = $("#hdID").val();
            var parentID = $("#hdParentID").val();
            if (selectedParentID == ID) {
                alert('Menu cha không được là chính nó, vui lòng chọn lại');
                $(this).val(parentID);
            }
        });


        $('#slMenuType').change(function() {
            var menutype = $("#slMenuType").val();
            var contact = $('#contact');
            var article_category = $('#article_category');
            var article = $('#article');
            var item_category = $('#item_category');
            var album = $('#album');
            var all_album = $('#all_album');
            var url = $('#url');
            if (menutype == 'Album') {
                album.show();
                contact.hide();
                article_category.hide();
                article.hide();
                item_category.hide();
                all_album.hide();
                url.hide();
            } else if (menutype == 'Bài viết') {
                album.hide();
                contact.hide();
                article_category.hide();
                article.show();
                item_category.hide();
                all_album.hide();
                url.hide();
            } else if (menutype == 'Liên hệ') {
                album.hide();
                contact.show();
                article_category.hide();
                article.hide();
                item_category.hide();
                all_album.hide();
                url.hide();
            } else if (menutype == 'Liên kết ngoài') {
                album.hide();
                contact.hide();
                article_category.hide();
                article.hide();
                item_category.hide();
                all_album.hide();
                url.show();
            } else if (menutype == 'Nhóm bài viết') {
                album.hide();
                contact.hide();
                article_category.show();
                article.hide();
                item_category.hide();
                all_album.hide();
                url.hide();
            } else if (menutype == 'Nhóm sản phẩm') {
                album.hide();
                contact.hide();
                article_category.hide();
                article.hide();
                item_category.show();
                all_album.hide();
                url.hide();
            } else if (menutype == 'Tất cả Album ảnh') {
                album.hide();
                contact.hide();
                article_category.hide();
                article.hide();
                item_category.hide();
                all_album.show();
                url.hide();
            } else {
                album.hide();
                contact.hide();
                article_category.hide();
                article.hide();
                item_category.hide();
                all_album.hide();
                url.hide();
            }
        });
    });
    
    function submitForm(ac)
    {
        var menutype = $("#slMenuType");
        var title = $("#txtTitle");
        if (title.val().trim() == '') {
            alert('Vui lòng nhập tiêu đề');
            title.focus();
        } else if (menutype.val() == '0') {
            alert('Vui lòng chọn loại menu');
            menutype.focus();
        } else {
            if (menutype.val() == 'Album') {
                var album = $("#slImageCategory");
                if (album.val() == '0') {
                    alert('Vui lòng chọn album');
                    album.focus();
                    return;
                }
            } else if (menutype.val() == 'Bài viết') {
                var article = $("#slArticle");
                if (article.val() == '0') {
                    alert('Vui lòng chọn bài viết');
                    article.focus();
                    return;
                }
            } else if (menutype.val() == 'Liên kết ngoài') {
                var url = $("#txtUrl");
                if (url.val().trim() == '') {
                    alert('Vui lòng nhập liên kết');
                    url.focus();
                    return;
                }
            } else if (menutype.val() == 'Nhóm bài viết') {
                var articleCategory = $("#slArticleCategory");
                if (articleCategory.val() == '0') {
                    alert('Vui lòng chọn nhóm bài viết');
                    articleCategory.focus();
                    return;
                }
            } else if (menutype.val() == 'Nhóm sản phẩm') {
                var itemCategory = $("#slItemCategory");
                if (itemCategory.val() == '0') {
                    alert('Vui lòng chọn nhóm sản phẩm');
                    itemCategory.focus();
                    return;
                }
            }

            var form = document.phpForm;
            form.hdAction.value = ac;
            form.submit();
        }
    }
    
    function showMenuType(menutype) {

        var contact = $('#contact');
        var article_category = $('#article_category');
        var article = $('#article');
        var item_category = $('#item_category');
        var album = $('#album');
        var all_album = $('#all_album');
        var url = $('#url');

        if (menutype == 'Album') {
            album.show();
            contact.hide();
            article_category.hide();
            article.hide();
            item_category.hide();
            all_album.hide();
            url.hide();
        } else if (menutype == 'Bài viết') {
            album.hide();
            contact.hide();
            article_category.hide();
            article.show();
            item_category.hide();
            all_album.hide();
            url.hide();
        } else if (menutype == 'Liên hệ') {
            album.hide();
            contact.show();
            article_category.hide();
            article.hide();
            item_category.hide();
            all_album.hide();
            url.hide();
        } else if (menutype == 'Liên kết ngoài') {
            album.hide();
            contact.hide();
            article_category.hide();
            article.hide();
            item_category.hide();
            all_album.hide();
            url.show();
        } else if (menutype == 'Nhóm bài viết') {
            album.hide();
            contact.hide();
            article_category.show();
            article.hide();
            item_category.hide();
            all_album.hide();
            url.hide();
        } else if (menutype == 'Nhóm sản phẩm') {
            album.hide();
            contact.hide();
            article_category.hide();
            article.hide();
            item_category.show();
            all_album.hide();
            url.hide();
        } else if (menutype == 'Tất cả Album ảnh') {
            album.hide();
            contact.hide();
            article_category.hide();
            article.hide();
            item_category.hide();
            all_album.show();
            url.hide();
        } else {
            album.hide();
            contact.hide();
            article_category.hide();
            article.hide();
            item_category.hide();
            all_album.hide();
            url.hide();
        }
    }
    
    
</script>






<div id="toolbar-box">
    <div class="d_divide5"></div>
    <div class="toolbar" id="toolbar">
        <table class="toolbar">
            <tr>

                <td class="button" id="toolbar-save">
                    <a href="javascript:void()" onclick="submitForm('editAndExit')" class="toolbar">
                        <span class="icon-32-save" title="Lưu"></span>
                        Lưu & Đóng
                    </a>
                </td>

                <td class="button" id="toolbar-apply">
                    <a href="javascript:void()" onclick="submitForm('edit')" class="toolbar">
                        <span class="icon-32-apply" title="Lưu"></span>
                        Lưu
                    </a>
                </td>


                <td class="button" id="toolbar-cancel">
                    <a href=".?com=com_menu&view=menu&task=view&categoryID={CATEGORY_ID}" class="toolbar">
                        <span class="icon-32-cancel" title="Hủy"></span>
                        Hủy
                    </a>
                </td>												
            </tr>
        </table>
    </div>
    <div class="header icon_48_menu_edit">
        Menu: <small><small>[ Thêm mới ]</small></small>

    </div>
    <div class="d_divide5"></div>
</div>

<div class="d_divide10"></div>
<div class="d_clear"></div>

<div id="element-box">


    <form method="post" name="phpForm">

        <table cellspacing="0" cellpadding="0" border="0" width="100%">
            <tr>
                <td valign="top">     

                    <!--left column-->
                    <div style="width: 100%; float:left;">
                        <fieldset>

                            <legend>Thông tin cơ bản</legend>

                            <div class="d_divide2"></div>

                            <!--category-->
                            <div>
                                <label for="slCategoryID" class="d_label">Menu thuộc nhóm: <b style="color:red">*</b></label>
                                <select disabled="true" class="d_text_input" size="1" style="width: 300px;" name="slCategoryID" id="slCategoryID">
                                    <option value="0" selected>-- Chọn nhóm menu --</option>
                                    <!-- BEGIN:category_list -->
                                    <OPTION {SELECTED_CATEGORY} value={CATEGORY_ID}>{CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:category_list -->
                                </select>   


                            </div>     


                            <div class="d_divide2"></div>

                            <!--title-->
                            <div>
                                <label for="txtTitle" class="d_label">Tiêu đề menu: <b style="color: red;">*</b></label>
                                <input value="{TITLE}" class="d_text_input" name="txtTitle" id="txtTitle" style="width: 295px;"   />                                
                            </div>


                            <div class="d_divide2"></div>

                            <!--menu type-->
                            <div style="float: left; margin-right: 5px">
                                <label for="slMenuType" class="d_label" style="margin-right: 13px">Loại liên kết: <b style="color: red;">*</b></label>
                                <select size="8" style="width: 300px; " name="slMenuType" id="slMenuType">
                                    <option value="0" selected>-- Chọn Loại liên kết --</option>
                                    <!-- BEGIN:menu_type_list -->
                                    <OPTION value="{MENU_TYPE}" {SELECTED}>{MENU_TYPE}</OPTION>                                            
                                    <!-- END:menu_type_list -->
                                </select>       
                            </div>





                            <div id="contact" style="display: none">
                                Liên kết đến mục nhập thông tin liên hệ
                            </div>





                            <div id="all_album" style="display: none">
                                Liên kết hiển thị tất cả album ảnh
                            </div>





                            <div id="article_category" style="display: none">
                                <label for="slArticleCategory" class="d_label">Chọn nhóm bài viết: </label>                                    
                                <select size="1" style="width: 300px;" class="d_text_input" name="slArticleCategory" id="slArticleCategory">
                                    <option value="0">-- Chọn Nhóm bài viết --</option>
                                    <!-- BEGIN:article_category_list -->
                                    <OPTION {SELECTED} value="{ARTICLE_CATEGORY_ALIAS}/{ARTICLE_CATEGORY_ID}">{ARTICLE_CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:article_category_list -->
                                </select>                                      
                            </div>   




                            <div id="item_category" style="display: none">
                                <label for="slItemCategory" class="d_label">Nhóm sản phẩm: </label>
                                <select size="1" style="width: 300px;" class="d_text_input" name="slItemCategory" id="slItemCategory">
                                    <option value="0">-- Chọn Nhóm sản phẩm --</option>
                                    <!-- BEGIN:item_category_list -->
                                    <OPTION  {SELECTED} value="{ITEM_CATEGORY_ALIAS}/{ITEM_CATEGORY_ID}">{ITEM_CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:item_category_list -->
                                </select>  
                            </div>    




                            <div id="album" style="display: none">
                                <label for="slImageCategory" class="d_label">Album ảnh: </label>
                                <select size="1" style="width: 300px;" class="d_text_input" name="slImageCategory" id="slImageCategory">
                                    <option value="0" selected>-- Chọn Album ảnh --</option>
                                    <!-- BEGIN:image_category_list -->
                                    <OPTION {SELECTED} value="{IMAGE_CATEGORY_ALIAS}/{IMAGE_CATEGORY_ID}">{IMAGE_CATEGORY_TITLE}</OPTION>                                            
                                    <!-- END:image_category_list -->
                                </select>                                      
                            </div> 





                            <div id="article" style="display: none">
                                <label for="slArticle" class="d_label">Chọn bài viết: </label>
                                <select size="1" style="width: 600px;" class="d_text_input"  name="slArticle" id="slArticle">
                                    <option value="0" selected>-- Chọn Bài viết --</option>
                                    <!-- BEGIN:article_list -->
                                    <OPTION {SELECTED} value="{ARTICLE_ALIAS}/{ARTICLE_ID}">{ARTICLE_TITLE}</OPTION>                                            
                                    <!-- END:article_list -->
                                </select>   
                            </div>



                            <div id="url" style="display: none">
                                <label for="txtUrl" class="d_label">Liên kết: </label>
                                <input class="d_text_input" name="txtUrl" id="txtUrl" value="{LINK}" style="width: 300px;"  />                                
                            </div>          




                            <div class="d_divide2"></div>

                            <!--parent ID-->
                            <div>
                                <label for="slParentID" class="d_label" style="margin-right: 13px">Menu cha:</label>
                                <select style="width: 300px;" name="slParentID" id="slParentID" size="10">
                                    <option value="0" selected="true">-- Không có menu cha --</option>

                                    <!-- BEGIN:menu_list -->
                                    <OPTION value={MENU_ID} {SELECTED}>{MENU_TITLE}</OPTION>                                            
                                    <!-- END:menu_list -->

                                </select>							
                            </div>





                            <div class="d_divide2"></div>


                            <div>

                                <!-- BEGIN:status_true -->
                                <label for="rdoState" class="d_label" style="margin-right: 13px">Hiển thị</label>
                                <input type="radio" name="rdoStatus" id="rdoState" value="0"  />
                                <label >Không</label>
                                <input type="radio" name="rdoStatus" id="rdoState" value="1" checked="checked"  />
                                <label >Có</label>
                                <!-- END:status_true -->

                                <!-- BEGIN:status_false -->
                                <label for="rdoState" class="d_label" style="margin-right: 13px">Hiển thị</label>
                                <input type="radio" name="rdoStatus" id="rdoState" value="0"  checked="checked"/>
                                <label >Không</label>
                                <input type="radio" name="rdoStatus" id="rdoState" value="1"   />
                                <label >Có</label>
                                <!-- END:status_false -->                                    

                            </div>


                            <div class="d_divide2"></div>


                            <!-- created date -->
                            <div>
                                <label for="txtCreatedDate" class="d_label">Ngày cập nhật</label>
                                <input readonly="true" class="d_text_input" value="{MODIFIED_DATE}"  name="txtCreatedDate" id="txtCreatedDate" style="width: 100px;"  />                                
                            </div> 

                            <div class="d_divide2"></div>

                            <div>
                                <label for="slTarget" class="d_label" style="margin-right: 13px">Khi click chuột:</label>
                                <select name="slTarget" id="slTarget" size="3">                                        
                                    <!-- BEGIN:target_list -->
                                    <option {SELECTED} value="{TARGET_ID}">{TARGET_TITLE}</option>
                                    <!-- END:target_list -->
                                </select>

                            </div>

                        </fieldset>
                    </div> <!-- end left column-->
                </td>            
            </tr>
        </table>



        <input type="hidden" name="hdAction" id="hdAction" value="" />
        <input type="hidden" name="hdID" id="hdID" value="{ID}" />
        <input type="hidden" name="hdParentID" id="hdParentID" value="{PARENT_ID}"/>
        <input type="hidden" name="hdCategoryID" id="hdCategoryID" value="{CATEGORY_ID}"/>

    </form>

</div>
<noscript>
!Cảnh báo! Javascript phải được bật để chạy được các chức năng trong phần Quản trị		</noscript>

<!-- END:main -->